<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
 	用户名: <input type="text" name="" class="userName">
 	密码: <input type="text" name="" class="passWord">

 	<button>登录</button>

 	<script type="text/javascript">
 		let btn = document.querySelector("button")

 		btn.onclick = function(){
 			// 1.application/x - www-form-urlencoded
 			let xhr = new XMLHttpRequest()

 			// 2.链接服务
 			xhr.open("post","http://wish.byesame.com/login")
 			// 请求头
 			xhr.setRequestHeader("content-Type",'application/x-www-form-urlencoded')
 			// 3.发送数据
 			xhr.send('userName=admin&passWord=123456')
 			//4.接收数据
 			xhr.onreadystatechange = function(){
 				if (xhr.readyState == 4) {
 					let res = JSON.parse(xhr.responseText)
 					console.log(res)
 					//将token存储到本地
					if(res.code == 200){
						localStorage.setItem("token",res.data.token)
						location.href = "./04登录token.html"
					}
 				}
 			}
 		}
 	</script>
</body>
</html>